<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table{
            width: 100%;
            height: 30%;
        }
        td{
            border:1px solid #ccc;
        }
    </style>
</head>
<body>
<table id="tbl">
    <tr>
        <td>商品名</td>
        <td>数量</td>
        <td>单价</td>
        <td>总价</td>
    </tr>
    <tr>
        <td>乔丹牌篮球鞋</td>
        <td>1双</td>
        <td>998</td>
        <td></td>
    </tr>
    <tr>
        <td>黑人牙膏</td>
        <td> 5支</td>
        <td>20元/支</td>
        <td></td>
    </tr>
    <tr>
        <td>金骏眉顶级</td>
        <td>1.25两</td>
        <td>328元/两</td>
        <td></td>
    </tr>
</table>
<script>
    //2、做一个账单
		// 商品名			数量 	单价	总价
		// 乔丹牌篮球鞋  1双 998
		// 黑人牙膏	  5支 20元/支  100元
		// 金骏眉顶级	  1.25两 328元/两	?元


    //获取表格元素
    var tbl = document.getElementById('tbl');
    //获取每一行
    var trs = tbl.getElementsByTagName('tr');


//    document.getElementById('tbl').getElementsByTagName('tr')[1].getElementsByTagName('td')[1].innerText

    for(var i =1;i<trs.length;i++){
          //获取一行中的单元格
        var tds = trs[i].getElementsByTagName('td');

        tds[3].innerText = parseFloat(tds[1].innerText)
                * parseFloat(tds[2].innerText) + "元";

        if(i%2==1)
        //隔行换色
        trs[i].style.background = '#efefef';
    }


//    for(;;){alert("你被一台Iphonex砸中了")}

   var age=prompt("请输入您的年龄");
    age*=1;
    if(age>5){
        alert("大人了");
    }else if(age>15){
        alert("不是小鬼了");
    }else{
        alert("小鬼头");
    }



</script>
</body>
</html>